{extend name="public:layout" /}
{block name="title"}司机列表{/block}
{block name="head"}
<style>
    body{font-family: Arial,"Microsoft Yahei";}
</style>
{/block}
{block name="body"}
<div class="m-head-box">
    <a href="javascript:;" onclick="back()" class="left-link left-nav">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h2 class="title">司机列表</h2>
</div>
<article style="bottom: 0;" class="mescroll" id="mescroll">
    <div id="content-slide">

    </div>
</article>
<!--返回首页-->
<div class="back_index">
	<a href="/system">
		<img class="back_img" src="/public/mobile/static/images/back1.png" />
	</a>
</div>
{/block}
{block name="script"}
<script id="driver-tpl" type="text/html">
    <!--模板-->
    {{ each rows}}
    <div class="driver-item">
        <div class="driver-name">
            {{ $value.title }}
            <!--0|出车,1|请假,2|空闲-->
            {{ if $value.dri_status==0 }} <span class="driver-status driver-status0">出车</span> {{ /if }}
            {{ if $value.dri_status==1 }} <span class="driver-status driver-status1">请假</span> {{ /if }}
            {{ if $value.dri_status==2 }} <span class="driver-status driver-status2">空闲</span> {{ /if }}
        </div>
        <a href="tel:{{ $value.dri_phone }}" class="mobile">
            <span class="iconfont icon-shouji"></span>
            {{ $value.dri_phone }}
        </a>

    </div>
    {{ /each }}
</script>
<script>
    $(function () {
        initPage('content-slide','/system/op/pagelist.html?mid=16',{dri_status:-1},'driver-tpl');
    });
</script>

{/block}